<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>

  <div id="app">
      <div>{{a}}</div>

      <!--v-html  可以把h1进行转换 -->
      <div v-html="a"></div>
      <button :disabled="!enableBtn" @click="num++">按钮</button>
      <div>{{num>101?'good':num}}</div>
      <a :href="mylink">江南一点雨</a>
  </div>

  <script>
      var app = new Vue({
          el: '#app',
          data: {
              a: '<h1>hello javaboy!</h1>',
              enableBtn: true,
              b: null,
              num: 99,
              mylink: 'http://www.javaboy.org'
          }
      })
  </script>

</body>
</html>